.col1,.col1_2, .col2,.col2_2,.col2_3,.col1_3, .col3, .cols { float:left}
.cols{ width:290px}
.col1{ width:600px}
.col1_2{ width:720px; margin-left:10px;}
.col2{ width:270px}
.col2_2{ width:220px}

.col2_3{ width:270px}
.col1_3{ width:670px; margin-left:10px;} /*index sv client*/

.col_1{ width:432px;float:left;line-height:30px;font-size:14px}
.col_2{ width:107px;float:left}
.col_3{ width:179px;float:left}
.col_4{ width:263px;float:left}
.col_address{ width:75px;float:left}
/* index.html */
#page1{ background:url(../images/bg_top1.jpg) top repeat-x #fff}
#page1 header{ height:641px}
#page1 .body1{ background:url(../images/bg_top_img1.jpg) top center no-repeat}
#page1 #slogan{ background:url(../images/line_top1.gif) 0 0 no-repeat}
/* index-1.html */
#page2 .cols{ width:243px}
/* index-2.html */
/* index-3.html */
/* index-4.html */
#page5 .cols{ width:30%;}
/* index-5.html */
/* index-6.html */


/*Vote button*/

.vote { float:left; padding-top: 23px;}
.vote_t, .vote_f {
    min-height: 40px;
}
.vote_t a { float:left; width:29px; height:30px;background: url(../images/voting.png) 0 0px; margin-bottom:2px; display:block;}
.vote_t a:hover {width:29px; height:30px;background: url(../images/voting.png) 0 -32px; margin-bottom:2px;} 
.vote_f a { float:left; width:29px; height:30px;background: url(../images/voting.png) 0 -96px; margin-bottom:2px;display:block;}
.vote_f a:hover {width:29px; height:30px;background: url(../images/voting.png) 0 -128px; margin-bottom:2px;} 


table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
    font-size:12px;
	
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}

table.display th{ /* background:#8f8f8f;   */ }

.sorting_asc {
	background: #8f8f8f url(../img/table/sort_asc.png) no-repeat center right; padding:8px 5px; text-align:left; color:#fff;
}

.sorting_desc {
	background: #8f8f8f url(../img/table/sort_desc.png) no-repeat center right; padding:8px 5px; text-align:left; color:#fff;
}

.sorting {
	background:#8f8f8f   url(../img/table/sort_both.png) no-repeat center right; padding:8px 5px; text-align:left; color:#fff;
}

.sorting_asc_disabled {
	background: #8f8f8f url(../img/table/sort_asc_disabled.png) no-repeat center right; padding:8px 5px; text-align:left; color:#fff;
}

.sorting_desc_disabled {
	background: #8f8f8f url(../img/table/sort_desc_disabled.png) no-repeat center right; padding:8px 5px; text-align:left; color:#fff;
}

tr.odd {
	  height: 30px;
line-height: 30px; border-bottom:1px solid #e6e6e6; 
}

tr.even {
	 height: 30px;
line-height: 30px; border-bottom:1px solid #e6e6e6;
}
tr.odd:hover, tr.even:hover { background:#f6f6f6; }
tr.odd td, tr.even td{ padding-left:5px; }